﻿@{
    ViewBag.Title = "系统主页";
}

<style>
    #mainAccordion ul {
        list-style: none;
        text-align: center;
        padding: 0;
        margin: 0;
    }

        #mainAccordion ul li {
            padding: 3px;
        }

            #mainAccordion ul li a {
                text-decoration: none;
            }

                #mainAccordion ul li a:hover {
                    color: red;
                }

    #loginTable a {
        text-decoration: none;
    }

        #loginTable a:hover {
            color: red;
        }
</style>

<body class="easyui-layout">
    <div data-options="region:'north',border:false" style="height: 100px; background-image: url(../../Img/Login_BackgroundImg.png); overflow:hidden">
        <table style="height: 100px;width: 100%" id="loginTable">
            <tr>
                <td rowspan="4" style=" width: 15%"><img src="~/Img/Login_Title.png" width="200" height="100" /></td>
            </tr>
            <tr>
                <td style="height: 25px; width: 20%;text-align: right;"></td>
                <td></td>
                <td style="text-align: right;"><div style="margin-right: 15px;"><a href="javascript:onEidtUser()">修改密码</a>&nbsp;|&nbsp;<a href="javascript:onOut()">退出登陆</a></div></td>
            </tr>
            <tr>
                <td style="width: 35%"></td>
                <td style="height: 30px; line-height: 30px;">您好：<span id="LoginUserName" style="color: red">Admin</span> , 您的角色为：<span id="LoginRoleName" style="color: red">管理员</span></td>
                <td></td>
            </tr>
            <tr>
                <td style="width: 30%; "></td>
                <td></td>
                <td></td>
            </tr>
        </table>
    </div>
    <div data-options="region:'west',split:true,title:'菜单导航'" style="width: 180px;">
        <div id="mainAccordion" class="easyui-accordion" fit="true">
            <div title="系统管理" style="overflow: auto;" border="false">
                <ul>
                    <li><a href="javascript:void(0)" id="XTGL_YHGL" url="/Home/About">系统首页</a></li>
                    <li><a href="javascript:void(0)" id="XTGL_YHGL" url="/Base/BaseUser/Index">用户管理</a></li>
                    <li><a href="javascript:void(0)" id="XTGL_JUGL" url="/Base/BaseRole/Index">角色管理</a></li>
                    <li><a href="javascript:void(0)" id="XTGL_CDGL" url="/Base/BaseMenu/Index">菜单管理</a></li>
                    <li><a href="javascript:void(0)" id="XTGL_YHGL" url="/Base/BAsePower/Index">权限管理</a></li>
                </ul>
            </div>
            <div title="数据配置" style="overflow: auto;">
                <ul>
                    <li><a href="javascript:void(0)" id="XTGL_SJZD" url="/Base/BaseDict/Index">数据字典</a></li>
                    @*<li><a href="javascript:void(0)" id="XTGL_YHGL" url="/Base/BaseUser/Index">用户管理</a></li>
                        <li><a href="javascript:void(0)" id="XTGL_YHGL" url="/Base/BaseUser/Index">用户管理</a></li>
                        <li><a href="javascript:void(0)" id="XTGL_YHGL" url="/Base/BaseUser/Index">用户管理</a></li>
                        <li><a href="javascript:void(0)" id="XTGL_YHGL" url="/Base/BaseUser/Index">用户管理</a></li>*@
                </ul>
            </div>
        </div>
    </div>
    <div data-options="region:'east',split:true,collapsed:true,title:'East'" style="width:100px;">配置中心</div>
    <div data-options="region:'south',border:false" style="height: 25px;">
        <div class="page-header">
            <div class="panel-title" style="text-align: center; line-height: 25px;">版权所属 &copy; DuanYueRui</div>
        </div>
    </div>
    <div data-options="region:'center'">
        <div id="mainTabs" class="easyui-tabs" fit="true">
            <div title="系统首页" data-options="closable:true">
                <iframe src="/Home/About" scrolling="auto" style="width: 100%;height: 99%" frameborder="0"></iframe>
            </div>
        </div>
    </div>
    <script src="~/Dist/Extend/ITabs.js"></script>
    <script>
        function onEidtUser() {
            $.messager.alert("提示信息", "修改密码功能");
        }

        function onOut() {
            $.messager.alert("提示信息", "退出登录功能");
        }
    </script>
</body>